.main {
    padding-top: .88rem;
}

.main .adv {
    margin-top: 1rem;
}

.main .adv > img {
    width: 5.93rem;
    height: 1.73rem;
}

.main .ma {
    margin-top: .96rem;
    position: relative;
}

.main .ma .bg {
    width: 6.94rem;
    height: 9.59rem;
}

.main .ma .flat {
    position: absolute;
    top: .4rem;
}

.main .ma .flat .top {
    padding-bottom: .6rem;
}

.main .ma .flat .top .title {
    font-weight: 500;
    font-size: .30rem;
    color: var(--dcl);
    margin-bottom: .25rem;
}

.main .ma .flat .top .val {
    font-weight: bold;
    font-size: .44rem;
    color: var(--bd);
}

.main .ma #qrcode {
    margin-bottom: .6rem;
}

.main .ma #qrcode > img {
    width: 3.36rem;
    height: 3.36rem;
}

.main .ma .share-btn {
    background: linear-gradient(-90deg, var(--bd) 0%, var(--bd1) 100%);
    border-radius: .33rem;
    padding: .16rem 1.39rem .18rem 1.39rem;
    color: var(--ff);
}